<template>
  <div>
    <h1>添加用户关注的测试页面</h1>
    <!-- 点击按钮的时候，点击事件触发时需要传递关注的用户 id -->
    <button @click="addFollow(1)">添加关注用户1</button>
    <button @click="addFollow(2)">添加关注用户2</button>
    <button @click="addFollow(3)">添加关注用户3</button>
    <button @click="addFollow(4)">添加关注用户4</button>
    <button @click="addFollow(5)">添加关注用户5</button>
    <button @click="addFollow(6)">添加关注用户6</button>
  </div>
</template>

<script>
// 导入添加用户 id 的 API 接口
import { addUserFollowsById } from "@/api";
export default {
  methods: {
    // 调用函数，在参数中获取到 id
    addFollow(id) {
      // 根据形参中的 id , 根据 id 添加关注
      addUserFollowsById(id).then((res) => {
        // 打印测试是否关注成功
        console.log("addUserFollowsById", id, res.data.message);
      });
    },
  },
};
</script>